@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
img {border:0;margin:0; padding:0;}
ul,li,ol,h1,h2,h3,h4,h5,dl,dt,dd,form,p,span,b,u,s,i{ list-style:none; margin:0; padding:0; text-decoration: none; font-weight:normal;}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;/*ie6*/}
*+html .clearfix{min-height:1px;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
input,textarea {outline:none;}/*去掉输入框得到焦点时边框会出现阴影效果----例如370 火狐*/
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */color:#333; } 
a:focus{ -moz-outline-style: none; /* FF */ } /*去掉a标签超链接的虚线框*/
body {margin: 0px; font-size: 14px; font-family: Microsoft YaHei,宋体,Arial, Helvetica, sans-serif; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; background-color:#fff; }
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
a:link { text-decoration: none;}
a:visited {text-decoration: none;}
a:hover { text-decoration: none;}
a:active {text-decoration: none;}
.clear{ clear: both;}
.cl:after{ content: ""; height: 0; display: block; visibility: hidden; clear: both;}
.fl{ float: left;}
.fr{ float: right;}

.common-width{ width:1200px; height:auto; margin:0 auto;}

.top-box {width: 100%;height: 100px; background-color:#ffffff; position: fixed;;transition: all ease .3s;z-index: 99; border-bottom:1px solid #f3f3f3;box-shadow: 1px 1px 3px #eee;}
.top{ width:100%; height:100px; margin:0 auto; position: relative;}
.top-logo{ width:100px;height: 80px;display: block;float: left; padding-top:10px;}
.top-logo img{width:auto;height: 80px;}
.top-r{ width:90%; float:right;}
.top-tel{ height:20px; margin:20px 0 10px 0;}
.top-tel ul li{ height:20px; color:#888888; float:right; margin-right:10px;}
.top-tel ul li img{ float:left; margin-right:6px; vertical-align:middle;}
.top-nav{ height:40px; float:right; margin-top:10px;}
.top-nav ul li.navitem {width: 125px; height: 40px;font-size: 16px; text-align:center; float: left;position: relative;}
.top-nav ul li.navitem ul.subnav {transition: all 0.3s ease-out 0s; position: absolute;width: 160px; height:auto; overflow:hidden;opacity: 0;visibility: hidden;transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px); top:40px; left:50%; margin-left:-80px;background-color:#fff;}
.top-nav ul li.navitem:hover ul.subnav {opacity: 1;visibility: visible; transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);}
.top-nav ul li.navitem a { color: #333333;transition: none ease-out .3s;transition-property: color, background, text-indent, opacity}
.top-nav ul li.navitem a.active {color: #0268ba; border-bottom:2px solid #0268ba; padding-bottom:17px;}
.top-nav ul li.navitem a:hover {color: #0268ba; border-bottom:2px solid #0268ba; padding-bottom:17px;}
.top-nav ul li.navitem ul.subnav li {border-bottom: #2e2f29 1px solid;}
.top-nav ul li.navitem ul.subnav li a { border-bottom: medium none transparent; padding: 15px; width: 130px; height: 20px; line-height: 20px; background: rgba(255, 255, 255, 1) none repeat scroll 0% 0%; display: block; font-size: 14px; transition: all 0.2s ease-out 0s; color: #999; }
.top-nav ul li.navitem ul.subnav li a:hover { text-indent: 10px; background: #0268ba; color: #fff; }
.top-nav ul li.navitem ul.subnav { border-top: 0px solid #7B7B7B; border-radius: 0px; box-shadow: 0px 12px 36px rgba(0, 0, 0, 0.16); }
.top-nav ul li.navitem ul.subnav li { border-bottom: 1px solid #f0f0f0; }

.banner{width: 100%;}
#owl-demo { width: 100%; margin-left: auto; margin-right: auto;}
#owl-demo .item{ display: block; position:relative;}
#owl-demo img.bannerimg { display: block; width: 100%;min-height: 150px;}
.banner-font{ position:absolute; left:38%; top:36%;margin-top: 60px;opacity: 0;transition: all 1.5s;}
#owl-demo .owl-item.active .banner-font{ width:558px; height:auto; margin-top: 0;opacity: 1;}
.banner-font img{ width:100%; height:auto;}

.foot-box{ width:100%; height:auto; overflow:hidden; background-color:#303030; padding:40px 0;}
.foot{ width:100%; height:auto;}
.foot-left{ width:25%; float:left; border-right:1px solid #4e4f50; padding-right:4%;}
.foot-left h3{ height:35px; font-size:16px; color:#fff;}
.foot-left p{ line-height:24px; color:#999999;}
.foot-left p a{ color:#999999;}
.foot-center{ width:30%; float:left; border-right:1px solid #4e4f50; padding:0 4%;}
.foot-center h3{ height:35px; font-size:16px; color:#fff;}
.foot-center p{ line-height:24px; color:#999999;}
.foot-right{ width:30%; float:right;}
.foot-right h3{ height:35px; font-size:16px; color:#fff;}
.foot-right p{ line-height:24px; color:#999999;}
.foot-right ul li{ float:left; margin-right:30px; text-align:center;}
.foot-right ul li img{ width:100px; height:100px; padding:5px; background-color:#fff;}
.foot-right ul li.foot-logo{ width:150px; height:70px; margin-right:0px;}
.foot-right ul li.foot-logo img{ width:150px; height:70px; background-color:transparent !important; padding-top:20px;}
/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #000 url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #000 url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #000 url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #000 url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}



















